﻿/*****通用编码******/
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input{margin:0px;padding:0px;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
img{border:none;}
body {color:#666; font:14px/1.5   Arial, "Microsoft Yahei";width:100%; background-color:#fff;}
ul,ol,li,form, dl {list-style: none;}
p{margin:0px; padding:0px;}
a{text-decoration:none;color:#434343;}
a:hover {text-decoration:none;}
div{ margin:0px auto;}
/*滚动条样式*/
.case-oa-list::-webkit-scrollbar { width:0px; height:14px;}
.case-oa-list::-webkit-scrollbar-track,::-webkit-scrollbar-thumb{ border-radius:999px; border:1px solid transparent;}  
.case-oa-list::-webkit-scrollbar-track{ box-shadow: 1px 1px 1px rgba(0,0,0,.2) inset;}  
.case-oa-list::-webkit-scrollbar-thumb{ min-height: 20px; background-clip: content-box; box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset;}
.case-oa-list::-webkit-scrollbar-corner{ background: transparent;}
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont1.eot');
  src: url('../fonts/iconfont1.eot?#iefix') format('embedded-opentype'),
  url('../fonts/iconfont1.woff') format('woff'),
  url('../fonts/iconfont1.ttf') format('truetype'),
  url('../fonts/iconfont1.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
/*=====左边导航*/
.container-oa{position:relative;width:100%;height:100%;overflow:hidden;}
.column-oa{ width:10%;background:#f2f2f2;position:absolute;left:0;top:0;}
.column-oa h2{font-size:16px;color:#223544;font-weight:200;height:54px;line-height:54px;text-align:left;padding-left:10%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:10%;}
.column-list{}
.column-list li{border-top:solid 1px #dedede;height:48px;position:relative;}
.column-list li .column-box{position:absolute;left:100%;top:0; background:#fff;border:solid 1px #f2f2f2;line-height:22px;width:0;overflow:hidden;opacity:0;transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s;z-index:999;padding:10px 12px 10px;}
.column-list li .column-box a{font-size:14px;color:#656565;margin-right:20px;display:block;padding:0 10px;float:left;line-height:28px;height:28px;}
.column-list li h3{font-weight:normal;line-height:48px;overflow:hidden;cursor:pointer;}
.column-list li h3 span{margin-left:10%;font-size:12px;color:#656565;display:block;float:left;width:60%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.column-list li h3 i{font-size:18px;float:right;line-height:48px;margin-right:2%;}
.column-list li:hover .column-box{width:800px;opacity:1;}
.column-box a:hover,.column-box  a.hover{color:#fff !important;background:#2f4050;}
.column-style a{width:15px !important;height:15px !important;padding:0 !important;margin-top:5px;}
.column-style a.HS{background:#ff0000;border:solid 1px #ff0000}
.column-style a.LS{background:#2c75ee;border:solid 1px #2c75ee}
.column-style a:hover,.column-style a.hover{background:none}
/*=====右边内容*/
.case-oa-box{width:90%;margin-left:10%;padding-left:20px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; }
.case-seacher{overflow:hidden;margin-top:10px;margin-bottom:15px;height:30px;padding-left:40px;}
.case-seacher input[type="text"]{ width:300px;height:30px;border:solid 1px #e5e5e5;border-right:none;float:left;color:#333;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;padding-left:10px;}
.case-seacher button{ width:60px;height:30px;background:#2f4050;border:none;float:left;font-size:14px;color:#fff;cursor:pointer}
.case-oa-list{overflow-y:auto;}
.case-oa-list li{width:19%;margin-right:1%;float:left;margin-bottom:25px;}
    .case-oa-list li .case-list-border {
    border:solid 1px /*transparent*/#dedede;overflow:hidden;padding:10px;
    }
    .case-oa-list li:hover .case-list-border {
    border-color:#2f4050
    }
.case-oa-list li:nth-column(4n){margin-right:0;}
    .case-oa-list li .case-list-text {
    overflow:hidden;

    }

.case-oa-list li .case-list-img{width:100%;position:relative;overflow:hidden;}
    .case-oa-list li .case-list-img a {
    display:block;width:100%;height:170px;overflow:hidden;}
.case-list-img img{width:100%;max-width:100%;height:auto !important;}
.case-list-img span{width:90px;height:30px; line-height:30px;text-align:center;margin-right:10px;background:#2f4050;color:#fff;display:block;position:absolute;display:none;cursor:pointer}
.case-list-img .case-list-edit{left:10px;top:10px}
.case-list-img .case-list-delete{right:10px;top:10px}
.case-list-text h3{font-weight:normal;line-height:30px;overflow:hidden;}
.case-list-text h3 a{font-size:14px;color:#656565;display:block;float:left;width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:30px;}
.case-list-text h3 span{float:right;font-size:12px;color:#969696;float:right;width:30%;text-align:right;line-height:30px;}
.case-list-text h4{font-weight:normal;line-height:2;font-size:14px;color:#656565;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case-list-text h4 span{font-size:14px;color:#787878; margin-right:20px;}
.case-list-text h5{font-weight:normal;font-size:14px;color:#656565;line-height:2}
.case-list-text h5 i{font-style:normal;float:left}
.case-list-text h5 span{color:#787878;font-size:16px;margin-right:15px;display:block;height:30px;overflow:hidden; line-height:30px;float:left}
.case-list-text h5 span.ico-sj{font-size:14px;padding-bottom:4px;}
.case-list-text h5 span.ico-wx{font-size:22px;}
.case-list-text h5 span.ico-xcx{font-size:16px;}
.case-list-text h5 span.ico-color{color:#2c75ee}
.case-oa-list li:hover .case-list-img span{display:block}

@media (max-width:1400px) {
    .column-oa h2 {
    height:40px;line-height:40px;
    }
    .column-list li {
    height:30px; line-height:30px;
    }
        .column-list li h3 {
        height:30px;line-height:30px;}
            .column-list li h3 i {
            line-height:30px;
            }
    .case-oa-list li {
    width:24%;}

    .case-list-img .case-list-edit{left:0px;}
.case-list-img .case-list-delete{right:-10px;}
    .column-oa h2 {
    font-size:14px;
    }
    .case-oa-list li .case-list-img a {
    height:130px;
    }
        
}
/*=====案例详情*/
.case-oa-xq{overflow:hidden;width:100%;background:#f6f6f6;padding:20px 1% 0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.case-xq-top{background:#fff;overflow:hidden;margin-bottom:20px;padding:20px;}
.case-xq-title{text-align:center;font-size:30px;color:#223544;font-weight:200;margin-top:10px;}
.case-xq-fitle{margin-top:40px;font-size:14px;color:#787878;line-height:2;border-bottom:solid 1px #e1e1e1}
.case-xq-mc,.case-xq-sj{font-size:14px;color:#787878; line-height:2}
.case-xq-lb{overflow:hidden;margin-bottom:20px;position:relative;background:#fff;overflow:hidden;padding:10px;}
.xq-ico-color{font-size:24px;font-family:SimSun;background:no-repeat;opacity:1 !important;cursor:pointer}
.swiper-container-alxq{margin:0 2%;min-height:94px;}
.case-xq-lb ul li {overflow:hidden;border:solid 5px transparent;cursor:pointer;height:93px;overflow:hidden;display:table-cell;vertical-align:middle;}
.case-xq-lb ul li.on-slide,.case-xq-lb ul li:hover{border-color:#ff9900}
.case-xq-lb ul li img{max-width:100%;display:block;max-height:93px;vertical-align:middle}
.case-xq-box{background:#fff;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:2%}
.case-xq-box img{max-width:100%;display:block;margin:auto}
.case-xq-footer{margin-top:20px;overflow:hidden;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:0 2%;margin-bottom:20px;}
.case-xg-title{text-align:center;margin-top:20px;font-size:24px;color:#565656;font-weight:200;padding-bottom:20px;margin-bottom:20px;}
.case-xg-list{border:solid 1px #e5e5e5;padding:2%;margin-bottom:30px;}
.case-xg-list li{margin-right:1.2%;border:solid 1px #e5e5e5;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:10px;}
.case-xg-list li:hover{border-color:#0067b2}
.case-xg-list li:nth-child(5n){margin-right:0;}
#Top{width:60px;height:60px;background:url(../images/ico_top.png) no-repeat left; overflow:hidden;position:fixed;right:3%;bottom:20%;display:none;cursor:pointer}